@import "style/theme.less";

.addCompanyModal {
  .inputWrap {
    margin-bottom: 12px;
  }

  .customerLabel {
    font-size: 12px;
    margin-bottom: 8px;
    color: @text-color;
  }

  .addTagBtnWrap {
    margin-top: 10px;
    border-top: 1px solid #eaeaea;
    padding: 12px 0px;
  }

  .tagSelection {
    overflow: auto;
    height: 200px;
  }

  .tag-group-item {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;

    .group-name {
      font-weight: 500;
      font-size: 12px;
      margin-bottom: 8px;
      color: @text-color;

      &::after {
        content: ":";
        padding: 0px 2px;
      }
    }

    .tag-item {
      margin-bottom: 4px;
      cursor: pointer;
    }

    .tag-default {
      background: #fff;
      color: @text-color;
    }

    .tag-selected {
      border-color: @primary-color;
      background: fade(@primary-color, 15%);
      // color: #fff;
      color: @primary-color;
    }

    .tag-disabled {
      color: #00000040;
      border-color: #d9d9d9;
      background: #f5f5f5;
      cursor: not-allowed;
    }

    .addTagBtn {
      border-color: @primary-color;
      color: @primary-color;
      cursor: pointer;
    }
  }

  .no-tags {
    color: @text-color-secondary;
    font-size: 12px;
  }
}